import styled from 'styled-components';

export const Divider = styled.div`
display: flex;
color: #35425e;
font-size: 13px;
white-space: nowrap;
text-align: center;
border-top: 0;
border-top-color: #e4e4e4;
padding: 4px 0;
&:before {
  width: 50%;
  border-top: 1px solid transparent;
  border-radius: 2px;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: "";
}
&:after {
  width: 50%;
  border-top: 1px solid transparent;
  border-radius: 2px;
  border-top-color: inherit;
  border-bottom: 0;
  transform: translateY(50%);
  content: "";
}
> span {
  display: inline-block;
  padding: 0 1em;
  opacity: 0.7;
  font-weight: 600;
}
`;